์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ฅผ ํ์ฉํ์ฌ ์ ์ธ๊ณ ์ฌ์ฉ์๋ฅผ ์ํ ํฌ์ฉ์ ์ธ ๋์งํธ ๊ฒฝํ์ ๋ง๋๋ ๋ฐฉ๋ฒ์ ์์๋ณด์ธ์. ๊ฐ๋ฐ ์ด๊ธฐ ๋จ๊ณ์์ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ๊ณ ํด๊ฒฐํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์ธ ์ ์์ต๋๋ค.
์ ๊ทผ์ฑ ํ ์คํธ: ํฌ์ฉ์ ์ค๊ณ๋ฅผ ์ํ ์๋ํ ๋๊ตฌ ๊ฐ์ด๋
์ค๋๋ ์ ๋์งํธ ํ๊ฒฝ์์ ์ ๊ทผ์ฑ์ ๋ณด์ฅํ๋ ๊ฒ์ ๋จ์ํ ๋ชจ๋ฒ ์ฌ๋ก๊ฐ ์๋๋ผ ๊ธฐ๋ณธ์ ์ธ ์๊ตฌ ์ฌํญ์ ๋๋ค. ์ ์ธ๊ณ ์๋ฐฑ๋ง ๋ช ์ ์ฌ๋๋ค์ ์น์ฌ์ดํธ, ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ ๊ธฐํ ๋์งํธ ์ฝํ ์ธ ์ ์ํธ ์์ฉํ๊ธฐ ์ํด ๋ณด์กฐ ๊ธฐ์ ๊ณผ ์ ๊ทผ ๊ฐ๋ฅํ ๋์์ธ ์์น์ ์์กดํฉ๋๋ค. ๋ฐ๋ผ์ ์ ๊ทผ์ฑ ํ ์คํธ๋ ๋ฅ๋ ฅ์ ๊ด๊ณ์์ด ๋ชจ๋ ์ฌ๋์๊ฒ ํฌ์ฉ์ ์ด๊ณ ์ฌ์ฉ์ ์นํ์ ์ธ ๊ฒฝํ์ ๋ง๋๋ ๋ฐ ๊ฐ์ฅ ์ค์ํฉ๋๋ค. ์ด ๊ฐ์ด๋๋ ์ ๊ทผ์ฑ ํ ์คํธ ํ๋ก์ธ์ค๋ฅผ ๊ฐ์ํํ๊ณ ํฅ์์ํค๋ ๋ฐ ์์ด ์๋ํ๋ ๋๊ตฌ์ ์ญํ ์ ์ค์ ์ ๋ก๋๋ค.
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ๊ฐ ์ค์ํ ์ด์
์๋ ์ ๊ทผ์ฑ ํ ์คํธ๋ ๋ฏธ๋ฌํ ๋ฌธ์ ๋ฅผ ๋ฐ๊ฒฌํ๋ ๋ฐ ์ค์ํ์ง๋ง, ์๊ฐ๊ณผ ๋ฆฌ์์ค๊ฐ ๋ง์ด ์์๋ ์ ์์ต๋๋ค. ์๋ํ๋ ํ ์คํธ๋ ๊ฐ๋ฐ ์์ ์ฃผ๊ธฐ ์ด๊ธฐ์ ์ผ๋ฐ์ ์ธ ์ ๊ทผ์ฑ ์๋ฐ์ ์๋ณํ๋ ๋ ๋น ๋ฅด๊ณ ํจ์จ์ ์ธ ๋ฐฉ๋ฒ์ ์ ๊ณตํฉ๋๋ค. ์ด๊ฒ์ด ์ ๊ทธ๋ ๊ฒ ์ค์ํ์ง ์ด์ ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ํจ์จ์ฑ: ์๋ํ๋ ๋๊ตฌ๋ ์ ์ฒด ์น์ฌ์ดํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ์ํ๊ฒ ์ค์บํ์ฌ ์๋์ผ๋ก ํ๋ ๋ฐ ๊ฑธ๋ฆฌ๋ ์๊ฐ์ ์ผ๋ถ๋ง์ผ๋ก ์ ์ฌ์ ์ธ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ ์ ์์ต๋๋ค.
- ์กฐ๊ธฐ ๋ฐ๊ฒฌ: ์๋ํ๋ ํ ์คํธ๋ฅผ ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์ ํตํฉํ๋ฉด ๊ฐ๋ฐ์๊ฐ ๋ฌธ์ ๋ฅผ ์กฐ๊ธฐ์ ์๋ณํ๊ณ ์์ ํ์ฌ ๋์ค์ ๋ ๋ณต์กํ๊ณ ๋น์ฉ์ด ๋ง์ด ๋๋ ๋ฌธ์ ๋ก ๋ฐ์ ํ๋ ๊ฒ์ ๋ฐฉ์งํ ์ ์์ต๋๋ค.
- ์ผ๊ด์ฑ: ์๋ํ๋ ๋๊ตฌ๋ ์ผ๊ด๋๊ณ ๊ฐ๊ด์ ์ธ ๊ฒฐ๊ณผ๋ฅผ ์ ๊ณตํ์ฌ ๋ชจ๋ ๋์งํธ ์ฝํ ์ธ ์ ์ ๊ทผ์ฑ ํ์ค์ด ๊ท ์ผํ๊ฒ ์ ์ฉ๋๋๋ก ๋ณด์ฅํฉ๋๋ค.
- ํ์ฅ์ฑ: ์๋ํ๋ ํ ์คํธ๋ ํฌ๊ณ ๋ณต์กํ ์น์ฌ์ดํธ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ฉํ๊ธฐ ์ํด ์ฝ๊ฒ ํ์ฅํ ์ ์์ด ๋ชจ๋ ๊ท๋ชจ์ ์กฐ์ง์ ์ ์ฉํ ๋๊ตฌ์ ๋๋ค.
- ๋น์ฉ ์ ๊ฐ: ํ ์คํธ ํ๋ก์ธ์ค์ ์ผ๋ถ๋ฅผ ์๋ํํจ์ผ๋ก์จ ์กฐ์ง์ ์ ๊ทผ์ฑ ์ค์์ ์ ์ฒด ๋น์ฉ์ ์ ๊ฐํ ์ ์์ต๋๋ค.
์๋ํ๋ ํ ์คํธ์ ๋ฒ์ ์ดํดํ๊ธฐ
์๋ํ๋ ํ ์คํธ๊ฐ ์๋ ํ ์คํธ๋ฅผ ๋์ฒดํ๋ ๊ฒ์ด ์๋์ ์ดํดํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์๋ํ๋ ๋๊ตฌ๋ ๋ง์ ์ผ๋ฐ์ ์ธ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ ์ ์์ง๋ง, ๋ชจ๋ ๋ฌธ์ ๋ฅผ ๊ฐ์งํ ์๋ ์์ต๋๋ค. ์ฌ์ฉ์ ๊ฒฝํ์ ํ๊ฐํ๊ณ ์ฝํ ์ธ ๊ฐ ์ฅ์ ์ธ์๊ฒ ์ง์ ์ผ๋ก ์ ๊ทผ ๊ฐ๋ฅํ์ง ํ์ธํ๋ ค๋ฉด ์๋ ํ ์คํธ๊ฐ ์ฌ์ ํ ํ์ํฉ๋๋ค. ์๋ํ๋ ํ ์คํธ๋ ๋์ฒด๊ฐ ์๋ ์๋ ํ ์คํธ์ ๋ณด์์ผ๋ก ๊ฐ์ฃผ๋์ด์ผ ํฉ๋๋ค.
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ์ ํ๊ณ:
- ๋ฌธ๋งฅ์ ์ดํด: ์๋ํ๋ ๋๊ตฌ๋ ์ข ์ข ์ฝํ ์ธ ์ ๋งฅ๋ฝ๊ณผ ์ฌ์ฉ ๋ฐฉ์์ ์ดํดํ๋ ๋ฐ ์ด๋ ค์์ ๊ฒช์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ด๋ฏธ์ง์ ๋์ฒด ํ ์คํธ๊ฐ ์ฃผ์ด์ง ๋งฅ๋ฝ์์ ์๋ฏธ๊ฐ ์๊ฑฐ๋ ์ ์ ํ์ง ํ๋จํ์ง ๋ชปํ ์ ์์ต๋๋ค.
- ๋ณต์กํ ์ํธ์์ฉ: ์๋ํ๋ ๋๊ตฌ๋ ๋๋๊ทธ ์ค ๋๋กญ ๊ธฐ๋ฅ์ด๋ ๊ณ ๊ธ ์์ ์ ์ถ๊ณผ ๊ฐ์ ๋ณต์กํ ์ํธ์์ฉ์ ํ ์คํธํ๋ ๋ฐ ์ด๋ ค์์ ๊ฒช์ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์ ๊ฒฝํ: ์๋ํ๋ ํ ์คํธ๋ ์ฅ์ ์ธ์ ์ํ ์ ๋ฐ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ํ๊ฐํ ์ ์์ต๋๋ค. ์ฅ์ ๊ฐ ์๋ ์ฌ์ฉ์์ ํจ๊ปํ๋ ์ฌ์ฉ์ฑ ํ ์คํธ๋ฅผ ํฌํจํ ์๋ ํ ์คํธ๋ ์๋ํ๋ ๋๊ตฌ๊ฐ ๋์น ์ ์๋ ์ฌ์ฉ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ๋ ๋ฐ ํ์์ ์ ๋๋ค.
- ๋์ ์ฝํ ์ธ : ์๋ํ๋ ํ ์คํธ๋ ๋์ ์ผ๋ก ์์ฑ๋๊ฑฐ๋ ์์ฃผ ๋ณ๊ฒฝ๋๋ ์ฝํ ์ธ ์ ์ด๋ ค์์ ๊ฒช์ ์ ์์ต๋๋ค.
์ฃผ์ ์ ๊ทผ์ฑ ํ์ค ๋ฐ ๊ฐ์ด๋๋ผ์ธ
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ ์ผ๋ฐ์ ์ผ๋ก ํ๋ฆฝ๋ ์ ๊ทผ์ฑ ํ์ค ๋ฐ ๊ฐ์ด๋๋ผ์ธ ์ค์ ์ฌ๋ถ๋ฅผ ํ์ธํฉ๋๋ค. ์ด ์ค ๊ฐ์ฅ ๋๋ฆฌ ์๋ ค์ง ๊ฒ์ ์๋ ์์ด๋ ์น ์ปจ์์์(W3C)์์ ๊ฐ๋ฐํ ์น ์ฝํ ์ธ ์ ๊ทผ์ฑ ๊ฐ์ด๋๋ผ์ธ(WCAG)์ ๋๋ค. ๋ค๋ฅธ ๊ด๋ จ ํ์ค์ผ๋ก๋ ๋ฏธ๊ตญ์ ์ฌํ๋ฒ ์น์ 508๊ณผ ์ ๋ฝ์ EN 301 549๊ฐ ์์ต๋๋ค.
- WCAG (์น ์ฝํ ์ธ ์ ๊ทผ์ฑ ๊ฐ์ด๋๋ผ์ธ): ์น ์ ๊ทผ์ฑ์ ๋ํ ๊ตญ์ ์ ์ผ๋ก ์ธ์ ๋ ํ์ค์ ๋๋ค. WCAG๋ 4๊ฐ์ง ์์น(์ธ์ง ๊ฐ๋ฅ, ์ด์ฉ ๊ฐ๋ฅ, ์ดํด ๊ฐ๋ฅ, ๊ฒฌ๊ณ )์ผ๋ก ๊ตฌ์ฑ๋์ด ์์ผ๋ฉฐ ์ธ ๊ฐ์ง ์์ค(A, AA, AAA)์ ํ ์คํธ ๊ฐ๋ฅํ ์ฑ๊ณต ๊ธฐ์ค์ ํฌํจํฉ๋๋ค. ๋๋ถ๋ถ์ ์กฐ์ง์ WCAG 2.1 ๋ ๋ฒจ AA ์ค์๋ฅผ ๋ชฉํ๋ก ํฉ๋๋ค.
- ์น์ 508: ๋ฏธ๊ตญ ์ฐ๋ฐฉ ๊ธฐ๊ด์ด ์ ์ ๋ฐ ์ ๋ณด ๊ธฐ์ ์ ์ฅ์ ์ธ์ด ์ ๊ทผํ ์ ์๋๋ก ์๊ตฌํ๋ ๋ฏธ๊ตญ ๋ฒ๋ฅ ์ ๋๋ค. ์น์ 508์ WCAG์ ๋ฐ์ ํ๊ฒ ์ฐ๊ด๋์ด ์์ต๋๋ค.
- EN 301 549: ICT(์ ๋ณด ํต์ ๊ธฐ์ ) ์ ํ ๋ฐ ์๋น์ค์ ๋ํ ์ ๊ทผ์ฑ ์๊ตฌ ์ฌํญ์ ๋ช ์ํ ์ ๋ฝ ํ์ค์ ๋๋ค.
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ์ ์ข ๋ฅ
๋ค์ํ ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๊ฐ ์์ผ๋ฉฐ, ๊ฐ๊ธฐ ์ฅ๋จ์ ์ด ์์ต๋๋ค. ์ด๋ฌํ ๋๊ตฌ๋ ํฌ๊ฒ ๋ค์๊ณผ ๊ฐ์ ์ ํ์ผ๋ก ๋ถ๋ฅํ ์ ์์ต๋๋ค:
- ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ: ์ด ๋๊ตฌ๋ค์ ์น ๋ธ๋ผ์ฐ์ ์ ์ง์ ํตํฉ๋์ด ๊ฐ๋ฐ์๊ฐ ๊ฐ๋ณ ํ์ด์ง๋ ๊ตฌ์ฑ ์์๋ฅผ ์ ์ํ๊ฒ ํ ์คํธํ ์ ์๋๋ก ํฉ๋๋ค. ์์๋ก๋ WAVE, axe DevTools, Accessibility Insights๊ฐ ์์ต๋๋ค.
- ์จ๋ผ์ธ ์น ์ ๊ทผ์ฑ ๊ฒ์ฌ๊ธฐ: ์ด ๋๊ตฌ๋ค์ ์ฌ์ฉํ๋ฉด URL์ ์ ๋ ฅํ๊ณ ์ ๊ทผ์ฑ ๋ณด๊ณ ์๋ฅผ ๋ฐ์ ์ ์์ต๋๋ค. ์์๋ก๋ AChecker์ ์น ์ ๊ทผ์ฑ ํ๊ฐ ๋๊ตฌ(WAVE) ์จ๋ผ์ธ ๊ฒ์ฌ๊ธฐ๊ฐ ์์ต๋๋ค.
- ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ : ์ด ๋๊ตฌ๋ค์ ์ปดํจํฐ์ ์ค์น๋๋ฉฐ ๋ ๊ณ ๊ธ ๊ธฐ๋ฅ๊ณผ ์ฌ์ฉ์ ์ ์ ์ต์ ์ ์ ๊ณตํฉ๋๋ค. ์์๋ก๋ SortSite์ Tenon.io(ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ์ด์ง๋ง ๋ฐ์คํฌํฑ์ ํตํด ์ก์ธ์ค ๊ฐ๋ฅ)๊ฐ ์์ต๋๋ค.
- ๋ช ๋ น์ค ๋๊ตฌ: ์ด ๋๊ตฌ๋ค์ ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค ๋ฐ ์ง์์ ํตํฉ/์ง์์ ์ ๋ฌ(CI/CD) ํ์ดํ๋ผ์ธ์ ํตํฉ๋ ์ ์์ต๋๋ค. ์์๋ก๋ axe-cli์ pa11y๊ฐ ์์ต๋๋ค.
- ํตํฉ ๊ฐ๋ฐ ํ๊ฒฝ(IDE) ํ๋ฌ๊ทธ์ธ: ์ด ํ๋ฌ๊ทธ์ธ๋ค์ ์ ๊ทผ์ฑ ํ ์คํธ๋ฅผ ๊ฐ๋ฐ์์ IDE์ ์ง์ ํตํฉํฉ๋๋ค.
์ธ๊ธฐ ์๋ ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ: ์์ธ ๊ฐ์
๊ฐ์ฅ ์ธ๊ธฐ ์๊ณ ํจ๊ณผ์ ์ธ ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ ์ค ์ผ๋ถ๋ฅผ ์์ธํ ์ดํด๋ณด๊ฒ ์ต๋๋ค:
1. axe DevTools
์ค๋ช : Deque Systems์์ ๊ฐ๋ฐํ axe DevTools๋ ๋๋ฆฌ ์ฌ์ฉ๋๊ณ ๋์ ํ๊ฐ๋ฅผ ๋ฐ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ์ ๋๋ค. ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ๊ณผ ๋ช ๋ น์ค ๋๊ตฌ๋ก ์ ๊ณต๋ฉ๋๋ค. axe DevTools๋ ์ ํ์ฑ, ์๋, ์ฌ์ฉ ํธ์์ฑ์ผ๋ก ์ ๋ช ํฉ๋๋ค. WCAG 2.0, WCAG 2.1 ๋ฐ ์น์ 508 ํ์ค์ ์ง์ํฉ๋๋ค.
์ฃผ์ ํน์ง:
- ์ง๋ฅํ ๊ฐ์ด๋ ํ ์คํธ: ๋ณต์กํ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ํ ์คํธํ๊ธฐ ์ํ ๋จ๊ณ๋ณ ์ง์นจ์ ์ ๊ณตํฉ๋๋ค.
- ์ ๊ทผ์ฑ ๋ฌธ์ ๊ฐ์กฐ: ์์ธํ ์ค๋ช ๊ณผ ํด๊ฒฐ ์กฐ์ธ๊ณผ ํจ๊ป ํ์ด์ง์ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ๋ช ํํ๊ฒ ์๋ณํฉ๋๋ค.
- ์ฌ๋ฌ ๋ธ๋ผ์ฐ์ ์ง์: Chrome, Firefox, Edge์์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
- CI/CD ํ์ดํ๋ผ์ธ๊ณผ ํตํฉ: ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค์ ํตํฉํ ์ ์์ต๋๋ค.
- ๋ฌด๋ฃ ๋ฐ ์คํ ์์ค: ํต์ฌ axe ์์ง์ ๋ฌด๋ฃ์ด๋ฉฐ ์คํ ์์ค์ ๋๋ค.
์์: axe DevTools๋ฅผ ์ฌ์ฉํ์ฌ ์น์ฌ์ดํธ๋ฅผ ์ค์บํ๋ฉด ์ด๋ฏธ์ง์ ๋ํ ๋์ฒด ํ ์คํธ ๋๋ฝ, ๋ถ์ถฉ๋ถํ ์์ ๋๋น ๋๋ ๋ถ์ ์ ํ ์ ๋ชฉ ๊ตฌ์กฐ๊ฐ ๋๋ฌ๋ ์ ์์ต๋๋ค.
2. WAVE (์น ์ ๊ทผ์ฑ ํ๊ฐ ๋๊ตฌ)
์ค๋ช : WAVE๋ WebAIM(Web Accessibility In Mind)์์ ๊ฐ๋ฐํ ๋ฌด๋ฃ ์น ์ ๊ทผ์ฑ ํ๊ฐ ๋๊ตฌ์ ๋๋ค. ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ๊ณผ ์จ๋ผ์ธ ์น ์ ๊ทผ์ฑ ๊ฒ์ฌ๊ธฐ๋ก ์ ๊ณต๋ฉ๋๋ค. WAVE๋ ํ์ด์ง์ ์ ๊ทผ์ฑ ๋ฌธ์ ์ ๋ํ ์๊ฐ์ ํํ์ ์ ๊ณตํ์ฌ ๋ฌธ์ ๋ฅผ ์ฝ๊ฒ ์๋ณํ๊ณ ์ดํดํ ์ ์๋๋ก ํฉ๋๋ค.
์ฃผ์ ํน์ง:
- ์๊ฐ์ ํผ๋๋ฐฑ: ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ๋ํ๋ด๊ธฐ ์ํด ํ์ด์ง์ ์ง์ ์์ด์ฝ์ ์ฝ์ ํฉ๋๋ค.
- ์์ธ ๋ณด๊ณ ์: ์ ๊ทผ์ฑ ์ค๋ฅ, ๊ฒฝ๊ณ , ๊ธฐ๋ฅ, ๊ตฌ์กฐ์ ์์ ๋ฐ ARIA ์์ฑ์ ๋ํ ์์ธ ๋ณด๊ณ ์๋ฅผ ์ ๊ณตํฉ๋๋ค.
- ์ฌ์ฉ ์ฉ์ด์ฑ: ๊ฐ๋จํ๊ณ ์ง๊ด์ ์ธ ์ธํฐํ์ด์ค.
- ๋ฌด๋ฃ: WAVE๋ ๋ฌด๋ฃ ๋๊ตฌ์ ๋๋ค.
์์: WAVE๋ ๋๋ฝ๋ ์์ ๋ ์ด๋ธ, ๋น ๋งํฌ ๋๋ ๋ฎ์ ์์ ๋๋น ์์ญ์ ๊ฐ์กฐ ํ์ํ ์ ์์ต๋๋ค.
3. Accessibility Insights
์ค๋ช : Microsoft์์ ๊ฐ๋ฐํ Accessibility Insights๋ ๊ฐ๋ฐ์๊ฐ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์ฐพ๊ณ ์์ ํ๋ ๋ฐ ๋์์ด ๋๋ ๋ฌด๋ฃ ์คํ ์์ค ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ๋๋ค. ์ฌ๊ธฐ์๋ ์๋ ๊ฒ์ฌ ๋๊ตฌ, ํญ ์ ์ง ๋๊ตฌ, ํ๊ฐ ๋๊ตฌ ๋ฑ ์ฌ๋ฌ ๋๊ตฌ๊ฐ ํฌํจ๋์ด ์์ต๋๋ค.
์ฃผ์ ํน์ง:
- ์๋ ๊ฒ์ฌ: ์๋ ๊ฒ์ฌ๋ฅผ ์คํํ์ฌ ์ผ๋ฐ์ ์ธ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํฉ๋๋ค.
- ํญ ์ ์ง ๋๊ตฌ: ๊ฐ๋ฐ์๊ฐ ํญ ์์๊ฐ ๋ ผ๋ฆฌ์ ์ด๊ณ ์ง๊ด์ ์ธ์ง ํ์ธํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
- ํ๊ฐ ๋๊ตฌ: ์๋ ์ ๊ทผ์ฑ ํ ์คํธ๋ฅผ ์ํํ๊ธฐ ์ํ ๋จ๊ณ๋ณ ์ง์นจ์ ์ ๊ณตํฉ๋๋ค.
- WCAG 2.0 ๋ฐ WCAG 2.1 ์ง์: WCAG ํ์ค ์ค์ ์ฌ๋ถ๋ฅผ ํ์ธํฉ๋๋ค.
์์: Accessibility Insights๋ ํค๋ณด๋ ํ์, ์คํฌ๋ฆฐ ๋ฆฌ๋ ํธํ์ฑ ๋ฐ ์์ ๋๋น ๋ฌธ์ ๋ฅผ ์๋ณํ๋ ๋ฐ ๋์์ ์ค ์ ์์ต๋๋ค.
4. pa11y
์ค๋ช : pa11y๋ ์ ๊ทผ์ฑ ํ ์คํธ๋ฅผ ์๋ํํ๋ ๋ช ๋ น์ค ๋๊ตฌ์ ๋๋ค. ์น ํ์ด์ง, ์น ์ ํ๋ฆฌ์ผ์ด์ , ์ฌ์ง์ด PDF๋ฅผ ํ ์คํธํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค. pa11y๋ ์ฌ์ฉ์ ์ ์๊ฐ ์ฉ์ดํ๋ฉฐ ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค์ ํตํฉํ ์ ์์ต๋๋ค.
์ฃผ์ ํน์ง:
- ๋ช ๋ น์ค ์ธํฐํ์ด์ค: ๋ช ๋ น์ค์์ ์คํํ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์ ์ ์ ๊ฐ๋ฅ: ํน์ ํ ์คํธ ์๊ตฌ ์ฌํญ์ ์ถฉ์กฑํ๋๋ก ๊ณ ๋๋ก ๊ตฌ์ฑํ ์ ์์ต๋๋ค.
- CI/CD ํ์ดํ๋ผ์ธ๊ณผ ํตํฉ: ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค์ ํตํฉํ ์ ์์ต๋๋ค.
- ๋ค์ํ ๋ณด๊ณ ํ์ ์ง์: HTML, JSON, CSV ๋ฑ ๋ค์ํ ๋ณด๊ณ ํ์์ ์ง์ํฉ๋๋ค.
์์: pa11y๋ฅผ ์ฌ์ฉํ๋ฉด ๊ฐ ๋ฐฐํฌ ํ ์น์ฌ์ดํธ๋ฅผ ์๋์ผ๋ก ํ ์คํธํ๊ณ ์๋ก์ด ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ๋ ๋ณด๊ณ ์๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
5. SortSite
์ค๋ช : SortSite๋ ์ ์ฒด ์น์ฌ์ดํธ์์ ์ ๊ทผ์ฑ, ๊นจ์ง ๋งํฌ ๋ฐ ๊ธฐํ ํ์ง ๋ฌธ์ ๋ฅผ ์ค์บํ๋ ๋ฐ์คํฌํฑ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋๋ค. WCAG, ์น์ 508 ๋ฐ ๊ธฐํ ์ ๊ทผ์ฑ ํ์ค์ ์ง์ํฉ๋๋ค.
์ฃผ์ ํน์ง:
- ์น์ฌ์ดํธ ์ค์บ๋: ์ ์ฒด ์น์ฌ์ดํธ์ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์ค์บํฉ๋๋ค.
- ํฌ๊ด์ ์ธ ๋ณด๊ณ ์: ์ ๊ทผ์ฑ ์ค๋ฅ ๋ฐ ๊ฒฝ๊ณ ์ ๋ํ ์์ธ ๋ณด๊ณ ์๋ฅผ ์์ฑํฉ๋๋ค.
- ๋ค์ค ํ์ค ์ง์: WCAG, ์น์ 508 ๋ฐ ๊ธฐํ ์ ๊ทผ์ฑ ํ์ค์ ์ง์ํฉ๋๋ค.
- ์ผ๊ด ์ฒ๋ฆฌ: ์ฌ๋ฌ ์น์ฌ์ดํธ๋ฅผ ํ ๋ฒ์ ํ ์คํธํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์์: SortSite๋ ์ฌ๋ฌ ํ์ด์ง์ ๊ฑธ์น ์ผ๊ด์ฑ ์๋ ์ ๋ชฉ ๊ตฌ์กฐ๋ ๋๋ฝ๋ alt ํ ์คํธ์ ๊ฐ์ ์ ์ฒด ์น์ฌ์ดํธ์ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ๋ ๋ฐ ์ฌ์ฉํ ์ ์์ต๋๋ค.
6. Tenon.io
์ค๋ช : Tenon.io๋ ์ ๊ทผ์ฑ ๋ฌธ์ ์ ๋ํ ์์ธ ๋ณด๊ณ ์๋ฅผ ์ ๊ณตํ๋ ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ ์ ๊ทผ์ฑ ํ ์คํธ ์๋น์ค์ ๋๋ค. ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค์ ํตํฉํ ์ ์์ผ๋ฉฐ WCAG 2.0 ๋ฐ ์น์ 508 ํ์ค์ ์ง์ํฉ๋๋ค.
์ฃผ์ ํน์ง:
- ํด๋ผ์ฐ๋ ๊ธฐ๋ฐ ์๋น์ค: ์ธํฐ๋ท ์ฐ๊ฒฐ์ด ์๋ ๊ณณ์ด๋ฉด ์ด๋์์๋ ์ก์ธ์คํ ์ ์์ต๋๋ค.
- API ํตํฉ: API๋ฅผ ์ฌ์ฉํ์ฌ ์๋ํ๋ ๋น๋ ํ๋ก์ธ์ค์ ํตํฉํ ์ ์์ต๋๋ค.
- ์์ธ ๋ณด๊ณ ์: ์ ๊ทผ์ฑ ๋ฌธ์ ์ ๋ํ ์์ธ ๋ณด๊ณ ์๋ฅผ ์ ๊ณตํฉ๋๋ค.
- WCAG 2.0 ๋ฐ ์น์ 508 ์ง์: WCAG ๋ฐ ์น์ 508 ํ์ค ์ค์ ์ฌ๋ถ๋ฅผ ํ์ธํฉ๋๋ค.
์์: Tenon.io๋ฅผ ์ฌ์ฉํ์ฌ ์น์ฌ์ดํธ๋ฅผ ํ๋ก๋์ ์ ๋ฐฐํฌํ๊ธฐ ์ ์ ์๋์ผ๋ก ํ ์คํธํ๊ณ ํด๊ฒฐํด์ผ ํ ์ ๊ทผ์ฑ ๋ฌธ์ ๋ฅผ ์๋ณํ๋ ๋ณด๊ณ ์๋ฅผ ์์ฑํ ์ ์์ต๋๋ค.
๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์ ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ํตํฉํ๊ธฐ
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ์ ์ด์ ์ ๊ทน๋ํํ๋ ค๋ฉด ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์ ์ํํ๊ฒ ํตํฉํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ๋ฐฉ๋ฒ์ ๋ค์๊ณผ ๊ฐ์ต๋๋ค:
- ์ผ์ฐ ์์ํ๊ธฐ: ์ฝ๋ ํ ์ค์ ์์ฑํ๊ธฐ ์ ๋ถํฐ ๊ฐ๋ฐ ํ๋ก์ธ์ค ์ด๊ธฐ์ ์ ๊ทผ์ฑ ํ ์คํธ๋ฅผ ์์ํ์ญ์์ค.
- ํ ์คํธ ์๋ํ: ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ฅผ CI/CD ํ์ดํ๋ผ์ธ์ ํตํฉํ์ฌ ๊ฐ ๋น๋๋ง๋ค ์ ๊ทผ์ฑ์ด ์๋์ผ๋ก ํ์ธ๋๋๋ก ํ์ญ์์ค.
- ๊ฐ๋ฐ์ ๊ต์ก: ๊ฐ๋ฐ์์๊ฒ ์ ๊ทผ์ฑ ๋ชจ๋ฒ ์ฌ๋ก์ ์๋ํ๋ ํ ์คํธ ๋๊ตฌ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๊ต์ก์ ์ ๊ณตํ์ญ์์ค.
- ์๋ํ๋ ํ ์คํธ์ ์๋ ํ ์คํธ ์กฐํฉ ์ฌ์ฉ: ์๋ํ๋ ํ ์คํธ๊ฐ ์๋ ํ ์คํธ๋ฅผ ๋์ฒดํ๋ ๊ฒ์ด ์๋์ ๊ธฐ์ตํ์ญ์์ค. ํฌ๊ด์ ์ธ ์ ๊ทผ์ฑ ๋ฒ์๋ฅผ ๋ณด์ฅํ๊ธฐ ์ํด ๋ ๊ฐ์ง๋ฅผ ์กฐํฉํ์ฌ ์ฌ์ฉํ์ญ์์ค.
- ํ ์คํธ ํ๋ก์ธ์ค ์ ๊ธฐ์ ๊ฒํ ๋ฐ ์ ๋ฐ์ดํธ: ์ ๊ทผ์ฑ ํ์ค๊ณผ ๋ชจ๋ฒ ์ฌ๋ก๋ ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๋ฐ์ ํฉ๋๋ค. ์ต์ ๋๊ตฌ์ ๊ธฐ์ ์ ์ฌ์ฉํ๊ณ ์๋์ง ํ์ธํ๊ธฐ ์ํด ํ ์คํธ ํ๋ก์ธ์ค๋ฅผ ์ ๊ธฐ์ ์ผ๋ก ๊ฒํ ํ๊ณ ์ ๋ฐ์ดํธํ์ญ์์ค.
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ ์ฌ์ฉ ๋ชจ๋ฒ ์ฌ๋ก
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ฅผ ์ต๋ํ ํ์ฉํ๋ ค๋ฉด ๋ค์ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๋ฐ๋ฅด์ญ์์ค:
- ์ ํฉํ ๋๊ตฌ ์ ํ: ํน์ ์๊ตฌ ์ฌํญ๊ณผ ํ ์คํธํ๋ ค๋ ์ฝํ ์ธ ์ ํ์ ์ ํฉํ ๋๊ตฌ๋ฅผ ์ ํํ์ญ์์ค.
- ๋๊ตฌ ์ฌ๋ฐ๋ฅด๊ฒ ๊ตฌ์ฑ: ์ค์ํ๋ ค๋ ํน์ ์ ๊ทผ์ฑ ํ์ค ๋ฐ ๊ฐ์ด๋๋ผ์ธ์ ํ์ธํ๋๋ก ๋๊ตฌ๋ฅผ ๊ตฌ์ฑํ์ญ์์ค.
- ๊ฒฐ๊ณผ ์ ์คํ๊ฒ ํด์: ๊ฒฐ๊ณผ์ ์๋ฏธ๋ฅผ ์ดํดํ๊ณ ์ฌ๊ฐ์ฑ๊ณผ ์ฌ์ฉ์์๊ฒ ๋ฏธ์น๋ ์ํฅ์ ๋ฐ๋ผ ๋ฌธ์ ์ ์ฐ์ ์์๋ฅผ ์ ํ์ญ์์ค.
- ์๋ํ๋ ํ ์คํธ์๋ง ์์กดํ์ง ์๊ธฐ: ์๋ ํ ์คํธ์ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๊ณผ์ ์ฌ์ฉ์ ํ ์คํธ๋ฅผ ํฌํจํ๋ ํฌ๊ด์ ์ธ ์ ๊ทผ์ฑ ํ ์คํธ ์ ๋ต์ ์ผ๋ถ๋ก ์๋ํ๋ ํ ์คํธ๋ฅผ ์ฌ์ฉํ์ญ์์ค.
- ์ต์ ์ํ ์ ์ง: ์ต์ ๋ฒ์ ๊ณผ ๊ธฐ๋ฅ์ ์ฌ์ฉํ๊ณ ์๋์ง ํ์ธํ๊ธฐ ์ํด ํ ์คํธ ๋๊ตฌ๋ฅผ ์ต์ ์ํ๋ก ์ ์งํ์ญ์์ค.
์๋ํ๋ ๋๊ตฌ๋ก ์๋ณ๋ ์ ๊ทผ์ฑ ๋ฌธ์ ์ ์
๋ค์์ ์๋ํ๋ ๋๊ตฌ๊ฐ ์๋ณํ ์ ์๋ ์ผ๋ฐ์ ์ธ ์ ๊ทผ์ฑ ๋ฌธ์ ์ ๋ช ๊ฐ์ง ์์ ๋๋ค:
- ์ด๋ฏธ์ง์ ๋ํ ๋์ฒด ํ ์คํธ ๋๋ฝ: ๋์ฒด ํ ์คํธ๊ฐ ์๋ ์ด๋ฏธ์ง๋ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ์ ๊ทผํ ์ ์์ต๋๋ค.
- ๋ถ์ถฉ๋ถํ ์์ ๋๋น: ์์ ๋๋น๊ฐ ๋ถ์ถฉ๋ถํ ํ ์คํธ๋ ์ ์๋ ฅ์๊ฐ ์ฝ๊ธฐ ์ด๋ ค์ธ ์ ์์ต๋๋ค.
- ๋๋ฝ๋ ์์ ๋ ์ด๋ธ: ๋ ์ด๋ธ์ด ์๋ ์์ ํ๋๋ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ์ ๊ทผํ ์ ์์ต๋๋ค.
- ๋น ๋งํฌ: ํ ์คํธ๋ ๋์ฒด ํ ์คํธ๊ฐ ์๋ ๋งํฌ๋ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ์ ๊ทผํ ์ ์์ต๋๋ค.
- ๋ถ์ ์ ํ ์ ๋ชฉ ๊ตฌ์กฐ: ์ ๋ชฉ ๊ตฌ์กฐ๊ฐ ๋ถ์ ์ ํ ํ์ด์ง๋ ์คํฌ๋ฆฐ ๋ฆฌ๋ ์ฌ์ฉ์๊ฐ ํ์ํ๊ธฐ ์ด๋ ค์ธ ์ ์์ต๋๋ค.
- ํค๋ณด๋ ํ์ ๋ฌธ์ : ํค๋ณด๋๋ฅผ ์ฌ์ฉํ์ฌ ํ์ํ ์ ์๋ ํ์ด์ง๋ ์ด๋ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค์ด ์ ๊ทผํ ์ ์์ต๋๋ค.
- ๋๋ฝ๋ ARIA ์์ฑ: ARIA ์์ฑ์ ๋ณด์กฐ ๊ธฐ์ ์ ์ถ๊ฐ ์ ๋ณด๋ฅผ ์ ๊ณตํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ๋๋ฝ๋ ARIA ์์ฑ์ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค์ด ๋ํํ ์์๋ฅผ ์ฌ์ฉํ๊ธฐ ์ด๋ ต๊ฒ ๋ง๋ค ์ ์์ต๋๋ค.
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ์ ๋ฏธ๋
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ๋ ํญ์ ์๋ก์ด ๋๊ตฌ์ ๊ธฐ์ ์ด ๋ฑ์ฅํ๋ฉด์ ๋์์์ด ์งํํ๊ณ ์์ต๋๋ค. ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ์ ๋ฏธ๋๋ ๋ค์๊ณผ ๊ฐ์ ์ถ์ธ๋ฅผ ํฌํจํ ๊ฐ๋ฅ์ฑ์ด ๋์ต๋๋ค:
- ๋ ์ ๊ตํ AI ๊ธฐ๋ฐ ๋๊ตฌ: AI์ ๋จธ์ ๋ฌ๋์ ๋ ๋์ ๋ฒ์์ ๋ฌธ์ ๋ฅผ ์๋ณํ๊ณ ๋ ์ ํํ ๊ฒฐ๊ณผ๋ฅผ ์ ๊ณตํ ์ ์๋ ๋ ์ ๊ตํ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ฅผ ๊ฐ๋ฐํ๋ ๋ฐ ์ฌ์ฉ๋๊ณ ์์ต๋๋ค.
- ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์์ ํฅ์๋ ํตํฉ: ์ ๊ทผ์ฑ ํ ์คํธ๋ ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์ ๋์ฑ ๊ธด๋ฐํ๊ฒ ํตํฉ๋์ด ๊ฐ๋ฐ์๊ฐ ๊ฐ๋ฐ ํ๋ก์ธ์ค ์ ๋ฐ์ ๊ฑธ์ณ ์ ๊ทผ์ฑ์ ๋ ์ฝ๊ฒ ํ ์คํธํ ์ ์๊ฒ ๋ฉ๋๋ค.
- ์ฌ์ฉ์ ๊ฒฝํ์ ๋ํ ๊ด์ฌ ์ฆ๊ฐ: ๋ฏธ๋์ ๋๊ตฌ๋ ๊ธฐ์ ํ์ค ์ค์ ์ฌ๋ถ๋ฅผ ํ์ธํ๋ ๊ฒ๋ฟ๋ง ์๋๋ผ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค์ ์ฌ์ฉ์ ๊ฒฝํ์ ํ๊ฐํ๋ ๋ฐ ๋ ์ค์ ์ ๋ ๊ฒ์ ๋๋ค.
- ๋ ๋์ ๋ฒ์์ ๊ธฐ์ ์ง์: ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ ๋ชจ๋ฐ์ผ ์ฑ, ๋ค์ดํฐ๋ธ ์ ํ๋ฆฌ์ผ์ด์ , ๊ฐ์ ํ์ค ๋ฐ ์ฆ๊ฐ ํ์ค๊ณผ ๊ฐ์ ์ ํฅ ๊ธฐ์ ์ ํฌํจํ์ฌ ๋ ๋์ ๋ฒ์์ ๊ธฐ์ ์ ์ง์ํด์ผ ํฉ๋๋ค.
๊ฒฐ๋ก
์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ ๋๊ตฌ๋ ์ ์ธ๊ณ ์ฌ์ฉ์๋ฅผ ์ํ ํฌ์ฉ์ ์ธ ๋์งํธ ๊ฒฝํ์ ๋ง๋๋ ๋ฐ ํ์์ ์ ๋๋ค. ์ด๋ฌํ ๋๊ตฌ๋ฅผ ๊ฐ๋ฐ ์ํฌํ๋ก์ฐ์ ํตํฉํ๊ณ ์๋ ํ ์คํธ์ ํจ๊ป ์ฌ์ฉํจ์ผ๋ก์จ ์กฐ์ง์ ๋ฅ๋ ฅ์ ๊ด๊ณ์์ด ๋ชจ๋ ์ฌ๋์ด ์์ ์ ์น์ฌ์ดํธ์ ์ ํ๋ฆฌ์ผ์ด์ ์ ์ ๊ทผํ ์ ์๋๋ก ๋ณด์ฅํ ์ ์์ต๋๋ค. ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ๋ฅผ ์์ฉํ๋ ๊ฒ์ ๋จ์ํ ๊ท์ ์ค์์ ๊ดํ ๊ฒ์ด ์๋๋ผ ๋ ํฌ์ฉ์ ์ด๊ณ ๊ณตํํ ๋์งํธ ์ธ์์ ๋ง๋๋ ๊ฒ์ ๊ดํ ๊ฒ์ ๋๋ค.
์คํ ๊ฐ๋ฅํ ํต์ฐฐ๋ ฅ:
- ๋ฌด๋ฃ ๋๊ตฌ๋ก ์์ํ๊ธฐ: axe DevTools ๋๋ WAVE์ ๊ฐ์ ๋ฌด๋ฃ ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ ํ์ํ์ฌ ์๋ํ๋ ์ ๊ทผ์ฑ ํ ์คํธ์ ๋ํ ๊ฐ์ ์ก์๋ณด์ธ์.
- CI/CD์ ํตํฉ: CI/CD ํ์ดํ๋ผ์ธ์ด ์๋ค๋ฉด pa11y์ ๊ฐ์ ๋ช ๋ น์ค ๋๊ตฌ๋ฅผ ํตํฉํ์ฌ ์ ๊ทผ์ฑ ๊ฒ์ฌ๋ฅผ ์๋ํํ๋ ๊ฒ์ ๊ณ ๋ คํด๋ณด์ธ์.
- ํ ๊ต์ก: ๊ฐ๋ฐํ์ ์ ๊ทผ์ฑ ๊ต์ก์ ํฌ์ํ์ฌ ์ ๊ทผ์ฑ์ ์ค์์ฑ๊ณผ ์๋ํ๋ ํ ์คํธ ๋๊ตฌ๋ฅผ ํจ๊ณผ์ ์ผ๋ก ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ์ดํดํ๋๋ก ๋์ต๋๋ค.
- ์๋ ํ ์คํธ๋ฅผ ์์ง ์๊ธฐ: ํญ์ ์๋ํ๋ ํ ์คํธ๋ฅผ ์๋ ํ ์คํธ ๋ฐ ์ฅ์ ๊ฐ ์๋ ์ฌ๋๋ค๊ณผ์ ์ฌ์ฉ์ ํ ์คํธ๋ก ๋ณด์ํ์ธ์.